import { green, red } from "@ant-design/colors";
import {
  CheckCircleFilled,
  ClockCircleFilled,
  CloseCircleFilled,
} from "@ant-design/icons";
import "./task-content.less";

export function TaskContent() {
  return (
    <ul className="task-content">
      <li>
        <CheckCircleFilled style={{ color: green[5], fontSize: 14 }} />
        <div>
          <span>七尼尼 已完成</span>
          <span>43s</span>
        </div>
      </li>
      <li />
      <li>
        <CheckCircleFilled style={{ color: green[5], fontSize: 14 }} />
        <div>
          <span>lydon 已完成</span>
          <span>43s</span>
        </div>
      </li>
      <li />
      <li>
        <CloseCircleFilled style={{ color: red[5], fontSize: 14 }} />
        <div>
          <span>青霓 审批不通过</span>
          <span>43s</span>
        </div>
      </li>
      <li />
      <li>
        <ClockCircleFilled
          style={{ color: "rgba(0, 0, 0, 0.2)", fontSize: 14 }}
        />
        <div>
          <span>青霓 未开始</span>
          <span />
        </div>
      </li>
    </ul>
  );
}
